<template>
    <svg
        t="1725376488634"
        :class="['icon', name]"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="7335"
        :width="width"
        :height="height"
        :style="{fill, ...style}"
    >
        <path
            d="M855.04 430.08c0-235.52-192-427.52-427.52-427.52C192 2.56 0 194.56 0 430.08 0 665.6 192 857.6 427.52 857.6 663.04 857.6 855.04 665.6 855.04 430.08zM427.52 806.4C220.16 806.4 51.2 637.44 51.2 430.08 51.2 222.72 220.16 53.76 427.52 53.76c207.36 0 376.32 168.96 376.32 376.32C803.84 637.44 634.88 806.4 427.52 806.4z"
            p-id="7336"
        ></path>
        <path
            d="M279.04 235.52c-10.24-10.24-25.6-10.24-35.84 2.56-2.56 2.56-168.96 186.88 0 371.2 5.12 5.12 12.8 7.68 17.92 7.68 5.12 0 12.8-2.56 17.92-7.68 10.24-10.24 10.24-25.6 2.56-35.84-138.24-148.48-5.12-294.4 0-302.08C289.28 261.12 289.28 245.76 279.04 235.52z"
            p-id="7337"
        ></path>
        <path
            d="M998.4 865.28l-158.72-158.72L801.28 742.4l158.72 158.72c15.36 15.36 15.36 40.96 0 56.32-7.68 7.68-17.92 12.8-28.16 12.8-10.24 0-20.48-5.12-28.16-12.8l-158.72-158.72-35.84 35.84 158.72 158.72c17.92 17.92 40.96 25.6 64 25.6 23.04 0 46.08-7.68 64-25.6C1031.68 957.44 1031.68 901.12 998.4 865.28z"
            p-id="7338"
        ></path>
    </svg>
</template>

<script setup lang="ts">
const {name, width, height, fill, style} = defineProps({
    name: String,
    width: {type: Number, default: 12},
    height: {type: Number, default: 12},
    fill: {type: String, default: "#b3b3b3"},
    style: {type: Object, default: () => ({})},
});
</script>
